<template>
  <el-dialog title="详细信息" :visible.sync="dialogVisible" class="dialog">
    <el-descriptions direction="vertical" :column="2" border v-if="info.id">
    
      <el-descriptions-item label="配置KEY">{{ info.constantKey }}</el-descriptions-item>
      <el-descriptions-item label="配置名称">{{ info.name}}</el-descriptions-item>
      <el-descriptions-item label="配置内容">{{ info.data  }}</el-descriptions-item>
      

      
    </el-descriptions>

    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
  </el-dialog>
</template>
<script>
import { _isMobile } from '@/utils/index'
export default {
  data () {
    return {
      dialogVisible: false,
      info: {},
      isMobile: _isMobile
    }
  },

  methods: {
    show (e) {
      this.info = e
      console.log(e)
      this.dialogVisible = true
    }
  }
}
</script>
